﻿<!DOCTYPE html>
<html>
  <head>
    <title>The Eight</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/font-awesome.css">
    <link rel="stylesheet" href="css/owl.carousel.css">
    <link rel="stylesheet" href="css/jquery.fancybox.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/indent.css">
    <link rel="stylesheet" href="fonts/fi/flaticon.css">
    <link rel="stylesheet" type="text/css" href="tuner/css/colorpicker.css">
    <link rel="stylesheet" type="text/css" href="tuner/css/styles.css">
  </head>
  <body>
    <!-- header page-->
    <header>
      <!-- site top panel-->
      <!-- site top panel-->
      <div class="site-top-panel">
        <div class="container">
          <div class="row">
            <div class="col-sm-6">
              <!-- lang select wrapper-->
              <div class="lang-wrap"><i class="icon-lang flaticon-earth-globe21"></i>Change your language
                <select name="billing_lang" class="lang-change">
                  <option value="">English</option>
                  <option value="AX">Åland</option>
                  <option value="AF">Afghanistan</option>
                  <option value="AL">Albania</option>
                  <option value="DZ">Algeria</option>
                  <option value="AD">Andorra</option>
                  <option value="AO">Angola</option>
                  <option value="AI">Anguilla</option>
                </select>
              </div>
              <!-- ! lang select wrapper-->
            </div>
            <div class="col-sm-6 text-right">
              <!-- social wrapper-->
              <div class="social-wrap"><a href="#" class="cws-social flaticon-facebook55"></a><a href="#" class="cws-social flaticon-twitter1"></a><a href="#" class="cws-social fa fa-google-plus"></a><a href="#" class="cws-social flaticon-social-network106"></a><a href="#" class="cws-social flaticon-pinterest3"></a></div>
              <!-- ! social wrapper-->
            </div>
          </div>
        </div>
      </div>
      <!-- ! site top panel-->
      <!-- ! site top panel-->
      <!-- Navigation panel-->
      <nav class="main-nav js-stick">
        <div class="full-wrapper relative clearfix container">
          <!-- Logo ( * your text or image into link tag *)-->
          <div class="nav-logo-wrap local-scroll"><a href="index.html" class="logo"><img src="img/the8-logo.png" data-at2x="img/the8-logo@2x.png" alt><img src="img/the8-logo-sticky.png" data-at2x="img/the8-logo-sticky@2x.png" alt class="sticky-logo"></a></div>
          <!-- Main Menu-->
          <div class="inner-nav desktop-nav">
            <ul class="clearlist">
              <!-- Item With Sub-->
              <li><a href="index.html" class="mn-has-sub">Home <i class="fa fa-angle-down button_open"></i></a>
                <ul class="mn-sub">
                  <li><a href="index.html">Standart Slider</a></li>
                  <li><a href="index-slider.html">Full-Screen Slider</a></li>
                  <li><a href="index-video.html">Video Background</a></li>
                </ul>
              </li>
              <!-- End Item With Sub-->
              <!-- Item With Sub-->
              <li><a href="page-about-us.html" class="mn-has-sub">Pages <i class="fa fa-angle-down button_open"></i></a>
                <!-- Sub-->
                <ul class="mn-sub">
                  <li><a href="page-about-us.html">About Us</a></li>
                  <li><a href="page-services.html">Services</a></li>
                  <li><a href="page-procces.html">Our Procces</a></li>
                  <li><a href="page-our-team.html">Our Team</a></li>
                  <li><a href="page-profile.html">Profile</a></li>
                  <li><a href="page-components.html">Components</a></li>
                </ul>
                <!-- End Sub-->
              </li>
              <!-- End Item With Sub-->
              <!-- Item With Sub-->
              <li><a href="portfolio-3-col.html" class="mn-has-sub">Portfolio <i class="fa fa-angle-down button_open"></i></a>
                <!-- Sub-->
                <ul class="mn-sub">
                  <li><a href="portfolio-3-col.html">Three Columns</a></li>
                  <li><a href="portfolio-4-col.html">Four Columns</a></li>
                  <li><a href="portfolio-with-sidebar.html">With Sidebar</a></li>
                  <li><a href="portfolio-gallery.html">Gallery</a></li>
                  <li><a href="page-portfolio-single.html">Portfolio Single</a></li>
                </ul>
                <!-- End Sub-->
              </li>
              <!-- End Item With Sub-->
              <!-- Item With Sub-->
              <li><a href="blog-sidebar-right.html" class="mn-has-sub">Blog <i class="fa fa-angle-down button_open"></i></a>
                <!-- Sub-->
                <ul class="mn-sub">
                  <li><a href="blog-2-col.html" class="mn-has-sub">Columns<i class="fa fa-angle-right pull-right button_open"></i></a>
                    <ul class="mn-sub to-left">
                      <li><a href="blog-2-col.html">Two Columns</a></li>
                      <li><a href="blog-2-col-sidebar.html">Two Columns + Sidebar</a></li>
                      <li><a href="blog-3-col.html">Three Columns</a></li>
                    </ul>
                  </li>
                  <li><a href="blog-sidebar-right.html">Blog Right Sidebar</a></li>
                  <li><a href="blog-medium-img.html">Medium Images</a></li>
                  <li><a href="blog-small-img.html">Small Images</a></li>
                  <li><a href="blog-single.html">Blog Single</a></li>
                </ul>
                <!-- End Sub-->
              </li>
              <!-- End Item With Sub-->
              <!-- Item With Sub-->
              <li><a href="shop-grid.html" class="mn-has-sub active">Shop <i class="fa fa-angle-down button_open"></i></a>
                <!-- Sub-->
                <ul class="mn-sub">
                  <li><a href="shop-grid.html">Shop Grid</a></li>
                  <li><a href="shop-cart.html">Shop Cart</a></li>
                  <li><a href="shop-checkout.html">Shop Checkout</a></li>
                  <li class="active"><a href="shop-single.html">Shop Single Product</a></li>
                </ul>
                <!-- End Sub-->
              </li>
              <!-- End Item With Sub-->
              <!-- Item-->
              <li><a href="page-contact.html">Contact</a></li>
              <!-- End Item-->
              <!-- Cart-->
              <li class="menu-shop-card"><a href="#" class="mn-has-sub"><i class="flaticon-shopping-carts6 button_open"><span>2</span></i></a>
                <ul class="mn-sub right">
                  <li>
                    <aside class="widget-top-sellers shop-cart-menu">
                      <p>You have 
                        <span2 class="tx-color-2">item(s)</span2> in your shopping bag
                      </p>
                      <!-- item recent post-->
                      <div class="item-top-sellers clearfix"><img src="pic/shop/70x70/6.jpg" data-at2x="pic/shop/70x70/6@2x.jpg" alt>
                        <h3 class="title"><a href="shop-single.html">Phasellus accumsan cur</a></h3>
                        <div class="price">1 x $55.00</div>
                      </div>
                      <!-- ! item recent post-->
                      <!-- item recent post-->
                      <div class="item-top-sellers clearfix"><img src="pic/shop/70x70/1.jpg" data-at2x="pic/shop/70x70/1@2x.jpg" alt>
                        <h3 class="title"><a href="shop-single.html">Aenean posuere tortor</a></h3>
                        <div class="price">3 x $120.00</div>
                      </div>
                      <!-- ! item recent post-->
                      <hr class="mt-10 mb-10">
                      <div class="sub-total clearfix">Sub Total: <span>$2400</span></div>
                      <hr class="mt-10 mb-10">
                      <div class="row">
                        <div class="col-xs-6"><a href="shop-cart.html" class="cws-button full-width">View Cart</a></div>
                        <div class="col-xs-6"><a href="shop-checkout.html" class="cws-button full-width">Checkout</a></div>
                      </div>
                    </aside>
                  </li>
                </ul>
              </li>
              <!-- End Cart-->
              <!-- Search-->
              <li class="search"><a href="#" class="mn-has-sub"><i class="flaticon-magnifying-glass34 search-icon"></i></a>
                <ul class="search-sub">
                  <li>
                    <div class="container">
                      <div class="mn-wrap">
                        <form method="post" class="form">
                          <div class="search-wrap">
                            <input type="text" placeholder="Search . . ." class="form-control search-field">
                          </div>
                        </form>
                      </div>
                      <div class="close-button flaticon-cancel30"></div>
                    </div>
                  </li>
                </ul>
              </li>
              <!-- End Search-->
            </ul>
          </div>
          <!-- End Main Menu-->
        </div>
      </nav>
      <!-- End Navigation panel-->
      <!-- breadcrumbs start-->
      <section class="breadcrumbs">
        <div class="container">
          <div class="row">
            <div class="col-sm-6"> 
              <h1>Shop</h1>
            </div>
            <div class="col-sm-6 text-right breadcrumbs-item"><a href="index.html">home</a><i class="fa fa-angle-right"></i><a href="shop-grid.html">Shop</a><i class="fa fa-angle-right"></i><a href="#">Single Product</a></div>
          </div>
        </div>
      </section>
      <!-- ! breadcrumbs end-->
    </header>
    <!-- ! header page-->
    <div class="container page">
      <div class="row">
        <!-- content-->
        <div class="col-md-9">
          <div class="main single-product">
            <!-- images of product-->
            <div class="images">
              <!-- picture-->
              <div class="pic"><img src="pic/shop/368x430-1.jpg" data-at2x="pic/shop/368x430-1@2x.jpg" alt>
                <div class="hover-effect"></div>
                <div class="links"><a href="pic/shop/368x430-1@2x.jpg" class="link-icon flaticon-magnifying-glass84 fancy"></a></div>
              </div>
              <div class="thumbnails clearfix">
                <div class="thumbnail pic"><img src="pic/shop/83x83/4.jpg" data-at2x="pic/shop/83x83/4@2x.jpg" alt>
                  <div class="hover-effect"></div>
                  <div class="links"><a href="pic/shop/83x83/4-l.jpg" class="link-icon flaticon-magnifying-glass84 fancy"></a></div>
                </div>
                <div class="thumbnail pic"><img src="pic/shop/83x83/1.jpg" data-at2x="pic/shop/83x83/1@2x.jpg" alt>
                  <div class="hover-effect"></div>
                  <div class="links"><a href="pic/shop/83x83/1-l.jpg" class="link-icon flaticon-magnifying-glass84 fancy"></a></div>
                </div>
                <div class="thumbnail pic"><img src="pic/shop/83x83/2.jpg" data-at2x="pic/shop/83x83/2@2x.jpg" alt>
                  <div class="hover-effect"></div>
                  <div class="links"><a href="pic/shop/83x83/2-l.jpg" class="link-icon flaticon-magnifying-glass84 fancy"></a></div>
                </div>
                <div class="thumbnail pic"><img src="pic/shop/83x83/3.jpg" data-at2x="pic/shop/83x83/3@2x.jpg" alt>
                  <div class="hover-effect"></div>
                  <div class="links"><a href="pic/shop/83x83/3-l.jpg" class="link-icon flaticon-magnifying-glass84 fancy"></a></div>
                </div>
              </div>
              <!-- ! picture-->
            </div>
            <!-- ! images of product-->
            <!-- main description product-->
            <div class="summary">
              <!-- title product-->
              <h2 class="product-title mt-0">Lorem ipsum dolor sit amet</h2>
              <!-- ! title product-->
              <div class="divider mini gray left"></div>
              <div class="review-status">
                <div class="star-rating"><span style="width:80%"></span></div>
                <div class="count-review">12 Reviews</div>
                <div class="status-product in-stock">In stock</div>
              </div>
              <div class="price">$100.00<span class="old-price">$120.00</span></div>
              <hr class="mt-25 mb-25">
              <p class="description-product">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean doi commodo ligula eget dolor. Aene an massa. Cum soci is nato a queta  penatibus et magnis dis parturi ent montes.</p>
              <hr class="mt-25 mb-25">
              <div class="select-type mb-10">
                <form method="get" class="select-wrap">
                  <select name="orderby" class="select">
                    <option value="menu_order">Select Size</option>
                    <option value="popularity">XS</option>
                    <option value="rating">S</option>
                    <option value="date">M</option>
                    <option value="price">L</option>
                    <option value="price-desc">XL</option>
                  </select>
                </form>
                <form method="get" class="select-wrap">
                  <select name="orderby" class="select">
                    <option value="menu_order">Select Color</option>
                    <option value="popularity">Sort by popularity</option>
                    <option value="rating">Sort by average rating</option>
                    <option value="date">Sort by newness</option>
                    <option value="price">Sort by price: low to high</option>
                    <option value="price-desc">Sort by price: high to low</option>
                  </select>
                </form>
              </div>
              <div class="add-cart-form">
                <input type="number" step="1" min="1" name="quantity" value="1" class="qty"><a href="#" class="cws-button with-icon">Add To Cart<i class="flaticon-shopping-carts6"></i></a>
              </div>
              <hr class="mt-25 mb-10">
              <div class="mb-0 post-number">SKU: <span>110A23J15L48</span></div>
              <div class="mb-0 category-line">Categoties: <a href="#">dress</a>, <a href="#">shirt</a></div>
              <div class="mb-0 tags-line">Tags: <a href="#">dress</a>, <a href="#">clothing</a>, <a href="#">shirt</a>, <a href="#">t-shirt</a>, <a href="#">man</a>, <a href="#">sale</a> </div>
            </div>
            <!-- ! main description product-->
            <!-- tabs-->
            <div class="tabs mt-50 mb-60">
              <div class="block-tabs-btn clearfix">
                <div data-tabs-id="tabs1" class="tabs-btn active">Description</div>
                <div data-tabs-id="tabs2" class="tabs-btn">Reviews (3)</div>
              </div>
              <!-- tabs keeper-->
              <div class="tabs-keeper">
                <!-- tabs container-->
                <div data-tabs-id="cont-tabs1" class="container-tabs active">
                  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aene an massa. Cum soci is nato a que penatibus et magnis dis parturi ent montes, nascetur ridiculus eli mus.<br><br>Fusce convallis metus id felis luctus adipiscing. <ins>Pellentesque egestas</ins>, neque sit am convallis pulvinar, justo nulla eleiend aug ue, ac auctor orci leo non est. Quisque id mi. Ut tincidunt tincidunt erat. Etiam feugiat lorem non metus. Vestibulum dapibus nu nc ac augue. Curabitur vestibulum aliquam leo.</p>
                </div>
                <!-- /tabs container-->
                <!-- tabs container-->
                <div data-tabs-id="cont-tabs2" class="container-tabs">
                  <!-- comment list section-->
                  <div class="comments">
                    <div class="comment-title">
                      <h3>There are <span>3 reviews</span> for " Lorem ipsum dolor sit amet "</h3>
                    </div>
                    <div class="comment-list">
                      <div class="comment-container clearfix">
                        <div class="author"><img src="pic/3.jpg" alt class="color-4">
                          <div class="author-name">Matthew Doe</div>
                        </div>
                        <div class="comment-text">
                          <p class="meta">
                            <time datetime="2016-06-07T12:14:53+00:00">24 may, 2016<span>at</span> 11:21</time>
                          </p>
                          <div class="star-rating small"><span style="width:80%"></span></div>
                          <div class="description">
                            <p>Aenean ut eros et nisl sagittis vestibulum. Nullam nulla eros, ultrici es sit amet, nonummy id, imperdiet feugiat, pede. Se des lectus. Done mollis hendrerit risus. Phasellus nec sem in justo. Maecenas tempus, tellus eget condi mentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.</p>
                          </div>
                        </div>
                      </div>
                      <div class="comment-container reply-comment clearfix">
                        <div class="author"><img src="pic/3.jpg" alt class="color-2">
                          <div class="author-name">Marry Doe</div>
                        </div>
                        <div class="comment-text">
                          <p class="meta">
                            <time datetime="2016-06-07T12:14:53+00:00">23 may, 2016<span>at</span> 11:21</time>
                          </p>
                          <div class="star-rating small"><span style="width:80%"></span></div>
                          <div class="description">
                            <p>In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, impe rdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, conse ctetuer eg et, posuere ut, mauris. Praesent adipiscing.</p>
                          </div>
                        </div>
                      </div>
                      <div class="comment-container clearfix">
                        <div class="author"><img src="pic/3.jpg" alt class="color-3">
                          <div class="author-name">Peter Doe</div>
                        </div>
                        <div class="comment-text">
                          <p class="meta">
                            <time datetime="2016-06-07T12:14:53+00:00">22 may, 2016<span>at</span> 11:21</time>
                          </p>
                          <div class="star-rating small"><span style="width:80%"></span></div>
                          <div class="description">
                            <p>Sed lectus. Donec mollis hendrerit risus. Phasellus nec sem in justo pellentesque facilisis. Etiam imperdiet imper diet cor orci. Nunc nec neque. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi. Curabitur ligula sapi en, tincidunt non, euismod vitae, posuere imperdiet, leo. Maecenas malesuada. </p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <!-- ! comment list section-->
                  <!-- Leave a comment-->
                  <div class="add-comment mt-60">
                    <h3 class="mb-40 mt-0">Add a review</h3>
                    <div class="star-wrap">
                      <p class="stars"><span><a href="#" class="star-1">1</a><a href="#" class="star-2">2</a><a href="#" class="star-3">3</a><a href="#" class="star-4">4</a><a href="#" class="star-5">5</a></span></p>
                      <select id="rating" name="rating" style="display: none;">
                        <option value="">Rate…</option>
                        <option value="5">Perfect</option>
                        <option value="4">Good</option>
                        <option value="3">Average</option>
                        <option value="2">Not that bad</option>
                        <option value="1">Very Poor</option>
                      </select>
                    </div>
                    <form class="message-form clearfix">
                      <p class="message-form-author">
                        <input id="author" name="author" type="text" value="" size="30" aria-required="true" placeholder="Your name">
                      </p>
                      <p class="message-form-subject">
                        <input id="subject" name="subject" type="text" value="" size="30" aria-required="true" placeholder="Subject">
                      </p>
                      <p class="message-form-message">
                        <textarea id="message" name="message" cols="45" rows="8" aria-required="true" placeholder="Wright your comment"></textarea>
                      </p>
                      <p class="form-submit">
                        <input id="submit" name="submit" type="submit" value="Post Comment" class="cws-button">
                      </p>
                    </form>
                  </div>
                  <!-- ! Leave a comment-->
                </div>
                <!-- /tabs container-->
              </div>
              <!-- /tabs keeper-->
            </div>
            <!-- /tabs-->
          </div>
          <hr class="style-2">
          <!-- post carousel-->
          <div class="carousel-container mt-60 mb-50">
            <div class="title-carousel clearfix">
              <h2 class="carousel-heading">Recent Posts</h2>
              <div class="carousel-nav">
                <div class="prev"><i class="fa fa-angle-left"></i></div>
                <div class="next"><i class="fa fa-angle-right"></i></div>
              </div>
            </div>
            <div class="row">
              <div class="owl-three-item">
                <!-- product-->
                <div class="product sale">
                  <!-- action-->
                  <div class="action sale">Sale</div>
                  <!-- ! action-->
                  <!-- picture-->
                  <div class="pic"><img src="pic/shop/270x320/7.jpg" data-at2x="pic/shop/270x320/7@2x.jpg" alt>
                    <div class="hover-effect"></div>
                    <div class="links"><a href="pic/shop/270x320/7@2x.jpg" class="link-icon flaticon-magnifying-glass84 fancy"></a><a href="shop-single-product.html" class="link-icon flaticon-return13"></a></div>
                  </div>
                  <!-- ! picture-->
                  <h3 class="product-title"><a href="shop-single-product.html">Phasellus viverra nulla ut</a></h3>
                  <div class="price-review">
                    <div class="star-rating"><span style="width:80%"></span></div>
                    <div class="price">$660.00</div>
                    <div class="button-groups"><a href="#" class="shop-button add-to-cart"> <i class="flaticon-shopping-carts6"></i>Add to cart</a><a href="shop-cart.html" class="shop-button added-to-cart"> <i class="flaticon-check-mark"></i>View cart	</a></div>
                  </div>
                </div>
                <!-- product-->
                <!-- product-->
                <div class="product">
                  <!-- picture-->
                  <div class="pic"><img src="pic/shop/270x320/8.jpg" data-at2x="pic/shop/270x320/8@2x.jpg" alt>
                    <div class="hover-effect"></div>
                    <div class="links"><a href="pic/shop/270x320/8@2x.jpg" class="link-icon flaticon-magnifying-glass84 fancy"></a><a href="shop-single-product.html" class="link-icon flaticon-return13"></a></div>
                  </div>
                  <!-- ! picture-->
                  <h3 class="product-title"><a href="shop-single-product.html">Nulla consequat massa quis </a></h3>
                  <div class="price-review">
                    <div class="star-rating"><span style="width:80%"></span></div>
                    <div class="price">$45.00</div>
                    <div class="button-groups"><a href="#" class="shop-button add-to-cart"> <i class="flaticon-shopping-carts6"></i>Add to cart</a><a href="shop-cart.html" class="shop-button added-to-cart"> <i class="flaticon-check-mark"></i>View cart	</a></div>
                  </div>
                </div>
                <!-- product-->
                <!-- product-->
                <div class="product">
                  <!-- picture-->
                  <div class="pic"><img src="pic/shop/270x320/9.jpg" data-at2x="pic/shop/270x320/9@2x.jpg" alt>
                    <div class="hover-effect"></div>
                    <div class="links"><a href="pic/shop/270x320/9@2x.jpg" class="link-icon flaticon-magnifying-glass84 fancy"></a><a href="shop-single-product.html" class="link-icon flaticon-return13"></a></div>
                  </div>
                  <!-- ! picture-->
                  <h3 class="product-title"><a href="shop-single-product.html"> Vivamus elementum semper nisi</a></h3>
                  <div class="price-review">
                    <div class="star-rating"><span style="width:80%"></span></div>
                    <div class="price">$750.00</div>
                    <div class="button-groups"><a href="#" class="shop-button add-to-cart"> <i class="flaticon-shopping-carts6"></i>Add to cart</a><a href="shop-cart.html" class="shop-button added-to-cart"> <i class="flaticon-check-mark"></i>View cart	</a></div>
                  </div>
                </div>
                <!-- product-->
                <!-- product-->
                <div class="product">
                  <!-- picture-->
                  <div class="pic"><img src="pic/shop/270x320/4.jpg" data-at2x="pic/shop/270x320/4@2x.jpg" alt>
                    <div class="hover-effect"></div>
                    <div class="links"><a href="pic/shop/270x320/4@2x.jpg" class="link-icon flaticon-magnifying-glass84 fancy"></a><a href="shop-single-product.html" class="link-icon flaticon-return13"></a></div>
                  </div>
                  <!-- ! picture-->
                  <h3 class="product-title"><a href="shop-single-product.html">Phasellus viverra nulla ut</a></h3>
                  <div class="price-review">
                    <div class="star-rating"><span style="width:80%"></span></div>
                    <div class="price">$660.00</div>
                    <div class="button-groups"><a href="#" class="shop-button add-to-cart"> <i class="flaticon-shopping-carts6"></i>Add to cart</a><a href="shop-cart.html" class="shop-button added-to-cart"> <i class="flaticon-check-mark"></i>View cart	</a></div>
                  </div>
                </div>
                <!-- product-->
              </div>
            </div>
          </div>
          <!-- ! post carousel-->
        </div>
        <!-- ! content-->
        <!-- sidebar-->
        <div class="col-md-3 sidebar">
          <!-- widget search-->
          <aside class="widget-search">
            <form role="search" method="get" action="#" class="search-form">
              <label><span class="screen-reader-text">Search for:</span>
                <input type="search" placeholder="Search..." value="" name="s" title="Search for:" class="search-field">
              </label>
              <button type="submit" class="search-submit"><i class="flaticon-magnifying-glass34"></i></button>
            </form>
          </aside>
          <!-- ! widget search-->
          <!-- widget category-->
          <aside class="widget-categories">
            <h2 class="widget-title"><i class="color-4 flaticon-list65"></i> Category</h2>
            <ul>
              <li class="cat-item cat-item-1"><a href="#">Man’s Clothing<span>13</span></a></li>
              <li class="cat-item cat-item-1"><a href="#">Woman’s Clothing<span>6</span></a></li>
              <li class="cat-item cat-item-1"><a href="#">Pants<span>12</span></a></li>
              <li class="cat-item cat-item-1"><a href="#">Shoes<span>14</span></a></li>
              <li class="cat-item cat-item-1"><a href="#">Shirt & T-shirt<span>7</span></a></li>
              <li class="cat-item cat-item-1"><a href="#">Accessories<span>51</span></a></li>
            </ul>
          </aside>
          <!-- ! widget category-->
          <!-- widget top sellers-->
          <aside class="widget-top-sellers">
            <h2 class="widget-title"><i class="color-2 flaticon-shopping-carts6"></i> Top Sellers</h2>
            <!-- item recent post-->
            <div class="item-top-sellers clearfix"><img src="pic/shop/70x70/6.jpg" data-at2x="pic/shop/70x70/6@2x.jpg" alt>
              <h3 class="title"><a href="#">Phasellus accumsan cur</a></h3>
              <div class="price">$55.00<span class="old-price">$70.00</span></div>
            </div>
            <!-- ! item recent post-->
            <!-- item recent post-->
            <div class="item-top-sellers clearfix"><img src="pic/shop/70x70/1.jpg" data-at2x="pic/shop/70x70/1@2x.jpg" alt>
              <h3 class="title"><a href="#">Aenean posuere tortor</a></h3>
              <div class="price">$120.00</div>
            </div>
            <!-- ! item recent post-->
            <!-- item recent post-->
            <div class="item-top-sellers clearfix"><img src="pic/shop/70x70/2.jpg" data-at2x="pic/shop/70x70/2@2x.jpg" alt>
              <h3 class="title"><a href="#">Vestibulum ante ipsum</a></h3>
              <div class="star-rating"><span style="width:80%"></span></div>
              <div class="price">$270.00</div>
            </div>
            <!-- ! item recent post-->
          </aside>
          <!-- ! widget top sellers-->
          <!-- widget tags-->
          <aside class="widget-tags">
            <h2 class="widget-title"><i class="color-5 flaticon-price-tag5"></i> Popular Tags</h2>
            <!-- item tags--><a href="#" rel="tag" class="tag">Design</a><a href="#" rel="tag" class="tag">Business</a><a href="#" rel="tag" class="tag">Photo</a><a href="#" rel="tag" class="tag">News</a><a href="#" rel="tag" class="tag">Branding</a><a href="#" rel="tag" class="tag">Wordpress</a><a href="#" rel="tag" class="tag">Trends</a><a href="#" rel="tag" class="tag">Education</a><a href="#" rel="tag" class="tag">CWS</a>
          </aside>
          <!-- ! widget tags-->
          <!-- widget twitter-->
          <aside class="widget-tags">
            <h2 class="widget-title"><i class="flaticon-twitter1"></i> Latest Tweets</h2>
            <!-- twitter-->
            <div class="twitter-1 widget-twitter"></div>
            <!-- ! twitter-->
          </aside>
          <!-- ! widget twitter-->
        </div>
        <!-- ! sidebar-->
      </div>
    </div>
    <!-- footer-->
    <footer class="footer">
      <div class="container">
        <div class="row cws-multi-col">
          <div class="col-md-3 col-sm-6 mb-md-50">
            <div class="widget-footer text">
              <h3>About</h3>
              <div class="divider"></div>
              <p>Ut tincidunt nisl sapien, eget gravida quama vestibulum vitae. Ut ultrices purus quis tinci dunt rutrum proin commodo ipsum.</p>
              <p>Vestibulum vitae nisl quis elit tristique egesi tas eget sed nisi. Etiam mi sapien, luctus ac tempor quis, varius eu neque.</p>
            </div>
          </div>
          <div class="col-md-3 col-sm-6 mb-md-50">
            <div class="widget-footer">
              <h3>Recent posts</h3>
              <div class="divider"></div>
              <div class="recent-item clearfix"><a href="blog-single.html"><img src="pic/footer/7.jpg" data-at2x="pic/footer/7@2x.jpg" alt></a>
                <h4 class="recent-title"><a href="blog-single.html">Morbi Iaculis</a></h4>
                <p>Ut tincidunt nisl s apien, eget gravida sed nisi reet ... <a href="#">more</a></p>
              </div>
              <div class="recent-item clearfix"><a href="blog-single.html"><img src="pic/footer/8.jpg" data-at2x="pic/footer/8@2x.jpg" alt></a>
                <h4 class="recent-title"><a href="blog-single.html">Praesent sagittis</a></h4>
                <p>Ut tincidunt nisl s apien, eget gravida sed nisi reet ... <a href="#">more</a></p>
              </div>
            </div>
          </div>
          <div class="col-md-3 col-sm-6 mb-sm-50">
            <div class="widget-footer">
              <h3>Gallery</h3>
              <div class="divider"></div>
              <div class="gallery clearfix">
                <div class="gallery-item">
                  <div class="pic"><img src="pic/footer/1.jpg" alt data-at2x="pic/footer/1@2x.jpg">
                    <div class="hover-effect alt">
                      <div class="links"><a href="pic/footer/1@2x.jpg" class="link-icon alt flaticon-magnifying-glass84 fancy"></a></div>
                    </div>
                  </div>
                </div>
                <div class="gallery-item">
                  <div class="pic"><img src="pic/footer/2.jpg" alt data-at2x="pic/footer/2@2x.jpg">
                    <div class="hover-effect alt">
                      <div class="links"><a href="pic/footer/2@2x.jpg" class="link-icon alt flaticon-magnifying-glass84 fancy"></a></div>
                    </div>
                  </div>
                </div>
                <div class="gallery-item">
                  <div class="pic"><img src="pic/footer/3.jpg" alt data-at2x="pic/footer/3@2x.jpg">
                    <div class="hover-effect alt">
                      <div class="links"><a href="pic/footer/3@2x.jpg" class="link-icon alt flaticon-magnifying-glass84 fancy"></a></div>
                    </div>
                  </div>
                </div>
                <div class="gallery-item">
                  <div class="pic"><img src="pic/footer/4.jpg" alt data-at2x="pic/footer/4@2x.jpg">
                    <div class="hover-effect alt">
                      <div class="links"><a href="pic/footer/4@2x.jpg" class="link-icon alt flaticon-magnifying-glass84 fancy"></a></div>
                    </div>
                  </div>
                </div>
                <div class="gallery-item">
                  <div class="pic"><img src="pic/footer/5.jpg" alt data-at2x="pic/footer/5@2x.jpg">
                    <div class="hover-effect alt">
                      <div class="links"><a href="pic/footer/5@2x.jpg" class="link-icon alt flaticon-magnifying-glass84 fancy"></a></div>
                    </div>
                  </div>
                </div>
                <div class="gallery-item">
                  <div class="pic"><img src="pic/footer/6.jpg" alt data-at2x="pic/footer/6@2x.jpg">
                    <div class="hover-effect alt">
                      <div class="links"><a href="pic/footer/6@2x.jpg" class="link-icon alt flaticon-magnifying-glass84 fancy"></a></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-3 col-sm-6">
            <div class="widget-footer">
              <h3>Contact us</h3>
              <div class="divider"></div>
              <address>
                <p>You can contact us via <a href="mailto:the8@gmail.com">the8@gmail.com</a></p><strong>Our address</strong>
                <p>250 Biscayne Blvd. (North) 11st Floor New World Tower Miami, Florida 33148</p><strong>Our phone</strong><br><a href="tel:180012345678">1-800-123-45678</a>
              </address>
            </div>
          </div>
        </div>
      </div>
      <div class="copyright">
        <div class="container">
          <div class="row">
            <div class="col-sm-8">
              <p>Copyrights ©2016: The8 - Premium Multipurpose WordPress Theme</p>
            </div>
            <div class="col-sm-4 text-right"><a href="#" class="cws-social flaticon-facebook55"></a><a href="#" class="cws-social flaticon-twitter1"></a><a href="#" class="cws-social fa fa-google-plus"></a><a href="#" class="cws-social flaticon-social-network106"></a><a href="#" class="cws-social flaticon-pinterest3"></a></div>
          </div>
        </div>
      </div>
    </footer>
    <div id="scroll-top"><i class="fa fa-angle-up"></i></div>
    <!-- ! footer-->
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.js"></script>
    <script type="text/javascript" src="js/owl.carousel.js"></script>
    <script type="text/javascript" src="js/jquery.sticky.js"></script>
    <script type="text/javascript" src="js/jquery.fancybox.pack.js"></script>
    <script type="text/javascript" src="js/jquery.fancybox-media.js"></script>
    <script type="text/javascript" src="js/jquery.validate.min.js"></script>
    <script type="text/javascript" src="js/jquery.form.min.js"></script>
    <script type="text/javascript" src="js/script.js"></script>
    <!--<script type="text/javascript" src="js/jquery.tweet.js"></script>-->
    <script type="text/javascript" src="tuner/js/colorpicker.js"></script>
    <script type="text/javascript" src="tuner/js/scripts.js"></script>
    <script type="text/javascript" src="js/retina.min.js"></script>
  </body>
</html>